<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>21级软件技术二班的蔡宇航的主页</title>
<style type="text/css">
body{
    background-color: #0CCCEB;
}
</style>
</head>

<body>
<p>这些是我的作品</p>
<ul>
  <li><a href="index.html">主页</a></li>
  <li><a href="about.html">关于</a></li>
  <li><a href="photo.html">相册</a></li>
  <li><a href="works.html">作品</a></li>
  <li><a href="article.html">文章</a></li>
  <li><a href="bbs.html">联系</a></li>
  <p id="222"></p>
<h1>一号标签</h1>
<h2>二号标签</h2>
<h3>三号标签</h3>
<h4>四号标签</h4>
<h5>五号标签</h5>
<h6>六号标签</h6>
	<hr>
	<p>段落文本段落文本段落文本段落文本段落文本段落文本段落<br>
		文本段落文本段落文本段落文本段落文本段落文本</p>
	<p>段落文本</p>
	<p>段落文本</p>
	<hr>
	<ul>
	    <li>列项表</li>
        <li>列项表</li>
        <li>列项表</li>
	</ul>
	
	<ol>
	    <li>列项表</li>
	    <li>列项表</li>
	    <li>列项表</li>
	</ol>
	<hr>
	
	<a href="">这是空超链接</a><hr>
	<a href="http://www.qq.com">这是外部超链接(腾讯网)</a><br>
	<a target="_blank" href="http://www.qq.com" >用新窗口打开外部超链接（腾讯网）</a><br>
	<a href="Untitled-1.html">这是内部超链接（111）</a><br>
	<a href="http://www.4399.com"></a>
	<a target="_blank" href="http://4399.com">4399小游戏</a><br>
	<a href="#111">这是锚点链接</a><br>
	<img src="dog.jpg" alt="这是一条狗" width="80%">
	<img src="cat.gif" alt="这是一条狗" width="80%">
	<img src="hhh.png" alt="这是一条狗" width="80%">
	<hr>
    <h2>列表标签</h2>
	<ul>
		<li>无序列表项</li>
		<li>无序列表项</li>
		<li>无序列表项</li>
		<li>无序列表项</li>
	</ul>
	<ol>
		<li>有序列表项</li>
		<li>有序列表项</li>
		<li>有序列表项</li>
		<li>有序列表项</li>
	</ol>
	<hr>
	<h2>div 标签</h2>
	<div>这是div内容标签</div>
	<span>这是span标签</span><span>这是span标签</span>
	<hr>
	<h2>布局标签</h2>
	<header>页眉header</header><header>页眉header</header>
	<nav>导航标签 nav</nav>
	<main>页面主体main标签</main>
	<footer>页脚 footer标签</footer>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p id="111">锚点</p>
	<a href="#222">返回顶部</a>
</body>
</html>